<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../static/admin/css/bootstrap.css">
    <script src="../../static/admin/js/jquery.min.js"></script>
    <script src="../../static/admin/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../../static/admin/css/iconfont.css">
    <style>
        table>tbody>tr>td>a{
            width: unset;
            height: unset;
            color: unset;
            text-decoration: none;
            cursor: pointer;
        }
    </style>

    <script src="../../static/admin/js/utils.js"></script>
    <script src="../../static/admin/js/user-list.js"></script>
</head>
<body>
<div class="container-fluid">
    <ol class="breadcrumb">
        <li><a href="#">用户管理</a></li>
        <li class="active">用户列表</li>
    </ol>
    <form>
        <div class="form-group">
            <div class="row">
                <div class="col-md-3">
                    <input type="text" class="form-control" placeholder="Search">
                </div>
                <div class="col-md-1">
                    <input type="submit" class="form-control">
                </div>
            </div>
        </div>
    </form>
    <div  style="margin: 10px 0;padding: 10px 5px;background: #f5f5f5;">
        <div class="row">
            <div class="col-sm-6">
                <button class="btn btn-danger" onclick="allDelete()">批量删除</button>
                <button class="btn btn-info" onclick="add()">添加</button>
            </div>
            <div class="col-sm-5 text-right" style="line-height: 40px">
                总条数：<text>共n条</text>
            </div>
        </div>
    </div>
    <div>
        <table class="table table-bordered table-hover table-striped">
            <thead>
            <tr>
                <th>
                    <input type="checkbox" class="all-check">
                </th>
                <th>ID</th>
                <th>用户名</th>
                <th>性别</th>
                <th>手机</th>
                <th>邮箱</th>
                <th>地址</th>
                <th>加入时间</th>
                <th>状态</th>
                <th>操作</th></tr>
            </thead>
            <tbody>
            <tr>
                <td>
                    <input type="checkbox" value="1">
                </td>
                <td>1</td>
                <td>小明</td>
                <td>男</td>
                <td>13000000000</td>
                <td>admin@mail.com</td>
                <td>北京市 海淀区</td>
                <td>2017-01-01 11:11:42</td>
                <td class="td-status">
                    <button class="btn btn-info">已启用</button>
                </td>
                <td class="td-manage">
                    <a onclick="editStatus(this,'test')" href="" title="禁用"><span class="iconfont icon-lock-fill"></span></a>
                    <a title="编辑" onclick="editOpen(this,'edit')"><span class="iconfont icon-edit1"></span></a>
                    <a onclick="editPassWord()" title="修改密码" href=""><span class="iconfont icon-exchange-fill"></span></a>
                    <a title="删除" onclick="editDelete(this,'hello.html');" href=""><span class="iconfont icon-delete-fill"></span></a>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" value="2">
                </td>
                <td>2</td>
                <td>小方</td>
                <td>男</td>
                <td>13000000000</td>
                <td>admin@mail.com</td>
                <td>北京市 海淀区</td>
                <td>2017-01-01 11:11:42</td>
                <td class="td-status">
                    <button class="btn btn-info">已启用</button>
                <td class="td-manage">
                    <a onclick="editStatus(this,'test')" href="" title="禁用"><span class="iconfont icon-lock-fill"></span></a>
                    <a title="编辑" onclick="editOpen(this,'edit')"><span class="iconfont icon-edit1"></span></a>
                    <a onclick="editPassWord()" title="修改密码" href=""><span class="iconfont icon-exchange-fill"></span></a>
                    <a title="删除" onclick="editDelete(this,'hello.html');" href=""><span class="iconfont icon-delete-fill"></span></a>
                </td>
            </tr>
            </tbody>
        </table>
        <nav aria-label="Page navigation" style="text-align: center">
            <ul class="pagination">
                <li>
                    <a href="#" aria-label="Previous">
                        <span aria-hidden="true">&laquo;</span>
                    </a>
                </li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li>
                    <a href="#" aria-label="Next">
                        <span aria-hidden="true">&raquo;</span>
                    </a>
                </li>
            </ul>
        </nav>
    </div>
</div>
</body>
</html>